<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
		<title>Upload Post</title>
		<link rel="stylesheet" type="text/css" href="css/post.css"/>
		<link rel="stylesheet" type="text/css" title="theme1" href="css/theme1.css"/>

		<script type="text/javascript" src="post.js"></script>
    </head>
<body>
	<div id="header">
		<div class="header_container">
			<div class="header_grid">
				<div class="logo">
					<h1>
						<a href="index.html" title="">Tyvo Ranger</a>
					</h1>
				</div>
				<div class="navigation">
					<ul class="menu">
						<li> <a href="index.html"> <span> <span> Home </span> </span> </a> </li>
						<li> <a href="content.html"> <span> <span> Content </span> </span> </a> </li>
						<li id="current-menu"> <a href="post.html"> <span> <span> Post </span> </span> </a> </li>
						<li> <a href="#"> <span> <span> Login </span> </span> </a> </li>
						<li> <a href="register.php"> <span> <span> Register </span> </span> </a> </li>						
					</ul>
				</div>
				<form class="form-search">
					<span class="search-icon">
						<i class="nav-search"></i>
					</span>
					<input class="search-input" type="text" name="q" placeholder="Search">
					<ul id="dropdown">
						<li>
							<a class="search-filter" href="#">
								<i class="nav-search-filter"></i>
							</a>
							<ul>
								<li><a href="#">no filter</a></li>
								<li><a href="#">by username</a></li>
								<li><a href="#">by content</a></li>
							</ul>					
						</li>
					</ul>
				</form>
			</div>
		</div>
		<div id="header-line"></div>
	</div>
	
	<div class="primaryContent">
		<div class="container">
			<div id="content">
				<h2>Post</h2>
				<form name="post-form" class="post-form" action="post.php" method="POST" enctype="multipart/form-data">
					Post Title<br/>
					<input type="text" id="postTitle" name="postTitle" /> <br/> <br/>
					<input type="radio" name="contentType" id="link" value="link" onclick='return checkRadioButton("link")'/> Link <span id="space">_</span>
					<input type="radio" name="contentType" id="image" value="image" onclick='return checkRadioButton("image")'/> Image <span id="space">_</span>
					<input type="radio" name="contentType" id="video" value="video" onclick='return checkRadioButton("video")'/> Video<br/><br/>
					<div id="input-link" style='display: none;'>
						Link URL <br/>
						<input type="text" id="linkURL" name="linkURL"/> <br/><br/>
						Description <br/>
						<textarea id="linkDesc" rows="70" cols="200" name="linkDesc"></textarea> <br/>
					</div>
					<div id="input-image" style='display: none;'>
						Upload image <br/>
						<input type="file" id="imageUpload" name="imageUpload" accept="image/jpg" /><br/>
					</div>
					<div id="input-video" style='display: none;'>
						Video URL <br/>
						<input type="text" id="videoURL" name="videoURL" /> <br/><br/>
					</div>
					<button id="but-preview">Preview</button>
					<input type="submit" id="submitPost" value="Post" onclick="showPreview();"/>
				</form>
			</div>
		</div>
	</div>
</body>
</html>	